html,body{
	width: 100%;
	height: 100%;
}
#main{
	width: 910px;

	margin: 0 auto;
}
header{
	width: 100%;
	height: 100px;
}
#logn{
	width: 180px;
	height: 100px;
	background: url(../img/Z-3.jpg);
	float: left;
}
#top-nav{
	width: 730px;
	height: 100px;
	background: url(../img/9k=-1.jpg);
	float: left;
}
#nav-up-right{
	float: right;
}
#nav-up-right a{
	font-size: 13px;
	color: rgb(34,100,64);
}
#top-nav p{
	float: left;
	font-size: 13px;
}
#top-nav select{
	width: 150px;
	height: 20px;
	background: ghostwhite;
	border: 1px solid gainsboro;
}
#nav-contain{
	width: 100%;
	height: 70px;
	float: left;
	margin-top: 18px;
	
}
#nav-contain li{
	width: 146px;
	height: 35px;
	float: left;
	text-align: center;
	
}

#nav-contain li a{
	color: white;
	cursor: pointer;
}
#nav-food{
	position: relative;
}
#nav-food ul{
	position: absolute;
	top: 28px;
	left: 0;
	display: none;
	z-index: 100;
}
#nav-food ul li{
	background: rgb(10,119,59);
	width: 190px;
	text-align: left;
	height: 20px;
	font-size: 13px;
	padding: 5px;
	padding-left: 10px;
	border-bottom: 1px solid rgba(255,255,255,0.5);
	
}
.swiper-slide img{
	width: 610px;
	height: 360px;
	
	}
.swiper-slide{
	float: left;
	position: relative;
	
}
#middle{
	width: 100%;
		height: 400px;
}
.swiper-container{
	width: 610px;
	height: 360px;
	overflow: hidden;
	margin-top: 10px;
	float: left;
	position: relative;
}
.swiper-wrapper{
	width: 1300px;
	height: 360px;
	position: absolute;
}
.swiper-button-next{
    z-index: 10;
    width: 40px;
    height: 40px;
    background: rgba(0,0,0,0.5);
    border-radius:10px ;
    position: absolute;
    top: 180px;
    left: 550px;
    color: white;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
}
.swiper-button-prev{
    z-index: 10;
    width: 40px;
    height: 40px;
    background: rgba(0,0,0,0.5);
    border-radius:10px ;
    position: absolute;
    top: 180px;
    left: 30px;
    color: white;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
}

#wrapper-two img{
	width: 289px;
	height: 362px;
	
}
#contain-two{
	width: 289px;
	height: 362px;
	overflow: hidden;
	margin-top: 10px;
	position: relative;
	float: right;
}
#wrapper-two{
	width: 870px;
	height: 362px;
	position: absolute;
}
#slide-chage-one{
	width: 290px;
   
	background: url(../img/w4A.png);
	position: absolute;
	z-index: 10px;
	top: 0;
	left: 0;
}
#slide-chage-one-top{
	width: 290px;
	height: 40px;
	background: url(../img/CC.png);
	left: -290px;
	top: 15px;
	position: absolute;
	z-index: 20;
}
#slide-chage-one-down{
	width: 290px;
	height: 40px;
	top: 100px;
	left: -290px;
	background: url(../img/bwdwAA.png);
	position: absolute;
	z-index: 20;
}
#slide-chage-two{
	width: 290px;
   
	background: url(../img/tbg3.png);
	position: absolute;
	z-index: 10px;
	top: 0;
	left: 0;
}
#slide-chage-two-top{
	width: 290px;
	height: 40px;
	background: url(../img/AASUVORK5CYII=.png);
	left: -290px;
	top: 15px;
	position: absolute;
	z-index: 20;
}
#slide-chage-two-down{
	width: 290px;
	height: 40px;
	top: 100px;
	left: -290px;
	background: url(../img/bwdwAA.png);
	position: absolute;
	z-index: 20;
}
#slide-chage-three{
	width: 290px;
   
	background: url(../img/w4A.png);
	position: absolute;
	z-index: 10px;
	top: 0;
	left: 0;
}
#slide-chage-three-top{
	width: 290px;
	height: 40px;
	background: url(../img/bC.png);
	left: -290px;
	top: 15px;
	position: absolute;
	z-index: 20;
}
#slide-chage-three-down{
	width: 290px;
	height: 40px;
	top: 100px;
	left: -290px;
	background: url(../img/AQ.png);
	position: absolute;
	z-index: 20;
}
#main-down{
	width: 100%;
	height: 500px;
	text-align: center;
	float: left;
	
}
#main-down p{
	font-size: 11px;
	color: black;
}
#main-down li{
	float: left;
	margin-left:6px ;
	position: relative;
}

#main-down a{
	display: inline-block;
	
	height: 95px;
}
#down-location{
	background:url(../img/9k=-2.jpg) ;

	width: 195px;
}
#down-location:hover{
	background: url(../img/2Q==.jpg);
}
#down-get{
	background:url(../img/2Q==-1.jpg) ;
	width: 195px;
}
#down-get:hover{
	background: url(../img/home-box-2_CN_hover.jpg);
}
#down-active{
	background: url(../img/Z-1.jpg);
	width: 195px;	
}
#down-active:hover{
	background: url(../img/54654.jpg);
}
#down-sina{
	width: 135px;
	margin-left: 20px;
	background: url(../img/Z-2.jpg);
}
#down-sina:hover{
	background: url(../img/sina2.jpg);
}
#down-wechat{
	width: 135px;
	background: url(../img/2Q==-2.jpg);
}
#down-wechat:hover{
	background: url(../img/9k=-20.jpg);
}
#wechat-img{
	position: absolute;
	left: 1149px;
	top: 262px;
	display: none;
}
/*location页面CSS*/
#middle-location{
	width: 100%;
	height: 400px;
}
#middle-left-contain{
	width:610px ;
	height: 100%;
	float: left;
	overflow: hidden;
	position: relative;
}
#middle-warp{
	position: absolute;
	width: 4000px;
}
.middle-left{
	width:600px ;
	height: 360px;
	float: left;
	padding: 10px;
}
#middle-location-left-word{
	font-size: 11px;
}
#middle-location-left-word a{
	font-size: 11px;
	color: green;
}
#middle-location-img li{
	float: left;
	margin-right: 8px;
	text-align: center;
	font-size: 14px;
}
#middle-location-img img{
	width: 190px;
	height: 135px;
	border-radius:20px ;
}
#middle-right{
	width: 286px;
	float: right;
	margin-top: 10px;
}
#middle-right img{
	width: 286px;
	margin: 0;
	padding: 0;
	margin-top: -5px;
}
#middle-food-right{
	float: right;
	width: 280px;
}
#middle-food{
	height: 400px;
	width:100% ;
	
}
#middle-food-left{
	float: left;
	position: relative;
}
#value-itallan-img{
	display: none;
}
#middle-food-menu li{
	border-bottom: 1px solid rgb(236,236,236);
	font-size: 15px;
	font-weight:bold;
	padding: 6px;
	color:rgb(125,200,84);
	cursor:pointer;
}
#middle-food-menu>li>ul>li{
	border: none;
	font-size: 10px;
	font-weight:bold;
	color: black;
	padding: 3px;
}
#middle-food-menu>li>ul>li:hover{
	color: green;
	text-decoration: underline;
}
#middle-food-menu li>ul{
	transition: all 1s;
}
#middle-active{
	padding: 10px;
	float: left;
	position: relative;
	width: 100%;
	height: 740px;
}
#middle-active div{
	width: 290px;
	height: 730px;
	position: absolute;
	left: 300px;
}
#new-three{
	width: 290px !important;
	height: 210px !important;
	
}
#middle-active img{
	width: 290px;
	height: 430px;
}
#middle-active h2{
	font-size: 15px;
	color: rgb(125,200,84);
	font-weight: bold;
}
#middle-active p{
	font-size: 10px;
	margin-top: 10px;
}
#middle-active-three a{
	color: rgb(125,200,84);
	text-decoration: underline;
	line-height: 25px;
	display: inline-block;
}
#middle-alie{
	width: 100%;
	height: 600px;
	transition: all 0.5s;
}
#alie-top-img {
	width: 100%;
	height: 160px;
}
#middle-alie p{
	padding: 5px 15px;
	font-size: 12px;
	margin-top: 10px;
}

#middle-alie li{
	width: 900px;
	height: 50px;
	padding-left: 10px;
	line-height: 50px;
	border: 0.5px rgb(236,236,236) solid;
	background: rgb(252,252,252);
	color: rgb(102,102,102);
	font-size: 14px;
	font-weight: bold;
	overflow: hidden;
	transition: all 0.5s;
}
.alie-one{
	width: 800px !important;
	margin: 0 auto !important;
	height: 240px !important;
	padding: 0 !important;
	border: none !important;
}
.alie-one li{
	width: 100%;
	height: 25px !important;
	border: none !important;
	padding: 0 !important;
	font-size: 12px !important;
	line-height: 10px !important;
	float: left;
}
.alie-one span{
	color: green;
	display: inline-block;
	font-size: 30px;
	height: 15px;
	line-height: 15px;
}
.alie-one b {
	font-size: 15px;
	
}
#alie-two{
	text-align: center;
}
#alie-two a{
	color: rgb(125,200,84);
	text-decoration: underline;
}
#alie-fee{
	height: 150px !important;
	line-height: 20px !important;
}
#alie-three a{
	color: gray;
	font-size: 12px;
	line-height: 15px !important;
	display: inline-block;
}
.alie-three-bottom{
	width: 45%;
	height: 165px;
	display: inline-block;
	margin-left: 30px;
}
.alie-three-bottom-nav{
	width: 100%;
	height: 30px;
	background: rgb(170,170,170);
	text-align: center;
	color: white;
	font-size: 12px;
	line-height: 30px;
}
.alie-three-bottom nav{
	margin-top: -15px;
	color: black;
}
.alie-three-bottom span{
	font-size: 11px;
	color: rgb(175,180,180);
}
.alie-three-bottom a {
	color: rgb(125,200,84) !important;
}
#middle-us{
	width: 100%;
	
	margin-top: 10px;
}
.middle-us-nav{
	width: 100%;
	height: 35px;
	border-bottom: 3px solid rgb(238,238,238);
}
.middle-us-nav li{
	float: left;
	
	color: rgb(186,156,22);
	border-bottom: 3px solid rgb(238,238,238);
	z-index: 10;
	padding-bottom: 13px;
}
.middle-us-nav span{
	color: rgb(52,154,72);
}
.middle-us-nav li:hover{
	color: rgb(52,154,72);
	cursor: pointer;
}
.middle-us-one{
	padding: 10px;
	font-size: 10px;
	color: rgb(102,102,102);
}
.middle-us-one h1{
	color: rgb(52,154,72);
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 10px;
}
.middle-us-one h2{
	font-size:15px ;
	font-weight: bold;
}
#us-first{
	color: rgb(52,154,72);
	border-bottom: 3px solid rgb(52,154,72);
	margin-left: 0;
	padding-left: 10px;
}
.middle-us-one span{
	color: rgb(52,154,72);
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 15px;
}
